@charset "utf-8";
@import "reste.css";
@import "../icon/iconfont.css";
.tou1{
    width: 100%;
    height: 80px;
    background-color: #e9967a;
    line-height: 80px;
    p{
        margin-left: 50px;
        color: #ffffff;
        font-size: 28px;
    }
}
.tou2{
    width: 100%;
    background-color: #ececec;
    padding-top: 1px;
    .p1{
        margin: 30px 0 30px 30px;
        font-size: 20px;
    }
    .tou2-2{
        width: 438px;
        height: 33px;
        // border: 1px solid black;
        margin-left:30px ;
        display: flex;
        justify-content: space-between;
        line-height: 33px;
        position: relative;
      
        .p3{
            margin-right:23px ;
            line-height: 33px;
        }
        span{
            color: red;
            margin-right: 9px;
        }
        .tou-2-2-1{
            width: 110px;
            height: 30px;
            border: 1px solid #d5d5d5;
         
            
            .i2{
                width: 25px;
                height: 12px;
            }
           
        }
        .tou-2-2-2{
            width: 73px;
            height: 33px;
            background-color: #438eb9;
            position: absolute;
            right: -100px;
            top: 0px;
            text-align: center;
            line-height: 33px;
            color: #ffffff;
            border-radius: 3px;
        }
    }
    .tou2-1{
        width: 70%;
        height: 35px;
        // border: 1px solid black;
        margin-left: 30px;
        line-height: 35px;
        display: flex;
        justify-content: space-between;
        margin-bottom: 30px;
        .i1{
            background-color: #ffffff;
            width: 87%;
            height: 30px;
        }
        .p2{
            width: 100px;
            font-size: 16px;          
            span{
                color: red;
                margin-right: 10px;
            }
        }
    }
    .tou-3{
        width: 1046px;
        height: 58px;
        // border: 1px solid black;
        margin: 40px 0 0 30px;
        display: flex;

        .tou-3-1{
            width: 346px;
            height: 58px;
            // border: 1px solid black;
        input{
            width: 155px;
            height: 26px;
            background-color: #ffffff;
            margin-top: 9px;
            vertical-align:text-bottom;
            margin-right: 6px;
            border: 1px solid #c6c6c6;
            
        }
        span{
            color: red;
            margin-right: 10px;
        }
        }
    }
    .tou-4-1{
        width: 1067px;
        height: 37px;
        // border: 1px solid black;
        margin: 30px 0 0 30px;
        display: flex;
        .p4{
            width: 70px;
            font-size: 16px;
            // border: 1px solid black;
            line-height: 30px;
        }
        input{
            width: 725px;
            height: 30px;
            border: 1px solid #cccccc;
            background-color: #ffffff;
        }
        .p5{
            font-size: 12px;
            width: 228px;
            height: 30px;
            // border: 1px solid black;
            line-height: 30px;
        }
    }
    .tou-5{
        width: 205px;
        height: 20px;
        // border: 1px solid black;
        margin: 37px 0 0 30px;
        display: flex;
        justify-content: space-between;
    }
    .tou-5-1{
        width: 73px;
        height: 20px;
        // border: 1px solid black;
    }
    .tou-5-2{
        width: 40px;
        height: 20px;
        // border: 1px solid black;
        input{
            margin-right: 5px;
        }
    }
    .tou-6{
        width: 280px;
        height: 20px;
        // border: 1px solid black;
        margin: 35px 0 0 30px;
        display: flex;
        .p6{
            width: 110px;
            height: 20px;
            // border: 1px solid black;
            margin-right: 20px;
            font-size: 16px;
            span{
                color: red;
            }
        }
      
    }
    .tou-8{
        width: 1300px;
        height: 200px;
        margin: 35px 0 0 30px;
        // border: 1px solid black;
        display: flex;
        .tou-8-1{
            min-width: 110px;
            height: 200px;
            // border: 1px solid black;
            span{
                color: red;
            }
        }
        .tou-8-2{
            width: 1180px;
            height: 200px;
            // border: 1px solid black;
            input{
                width: 1180px;
                height: 200px;
                background-color: #ffffff;
            }
        }
    }
    .tou-9{
        width: 100%;
        height: 200px;
        // border: 1px solid black;
        margin-left:30px ;
        display: flex;
        justify-content: center;
        // align-items: center;
    
        .tou-9-4{
            width: 318px;
            height: 35px;
            // border: 1px solid black;
            display: flex;
            justify-content: space-between;
           margin-top: 32px;
        }
        input{
            width: 86px;
            height: 33px;
            border-radius:3px;
            display: block;
        }
        .tou9-1{
            background-color: #438eb9;
        }
        .tou9-2{
            background-color: #e9967a;
        }
        .tou9-3{
            background-color: #bbbbbb;
        }
    }
}
@media screen and (max-width:768px){
    .tou2 .tou2-1{
        display: block;
        width: 100%;
        margin-bottom: 60px;
    }
    .tou2 .tou2-2{
        height: 140px;
        display: block;
        margin-top: 80px;
        width: 100%;
    }
    .tou2-2{
        margin-top: 48px;
        width: 438px;
    }
    .tou2 .tou2-2 .tou-2-2-1{
        width: 75%;
       
    }
    .tou2 .tou2-2 .tou-2-2-2{
    position: absolute;
    right: -40px;
    top: 20px;
}
    .tou2 .tou-3{
        display: block;
        height: 180px;
}
    .tou2 .tou-3 .tou-3-1 input{
        width: 70%;
    }
    .tou2 .tou-3 .tou-3-1{
        width: 70%;
    }
    .tou2 .tou-4-1{
        height: 95px;
        display: block;
        width: 80%;
        input{
            width: 100%;
        }
    }
    .tou2 .tou-8{
        width: 89%;
    }
    .tou2 .tou-8 .tou-8-2 input{
        width: 100%;
    }
    .tou2 .tou-9 .tou-9-4{
        height: 100px;
        display: block;
        input{
            margin-top: 10px;
        }
    }
    }